﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/layui/css/layui.css" />
<title>留言列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 其他管理 <span class="c-gray en">&gt;</span> 留言列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="text-c">
        <form action="" enctype="get" >
		<input type="text" class="input-text" style="width:250px" placeholder="输入搜索关键词" id="tiaojian" name="tiaojian" {if $tiaojian}value="{$tiaojian}"{/if}>
		<button type="submit" class="btn btn-success" id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜留言</button>
        </form>
	</div>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> 
		<span class="l">
			<a href="javascript:;" onclick="message_dels()" class="btn btn-danger radius">
				<i class="Hui-iconfont">&#xe6e2;</i> 批量删除
			</a> 
			<!--<a href="javascript:;" onclick="advert_add('添加广告','{:url('advert_showadd')}','800','500')" class="btn btn-primary radius">-->
				<!--<i class="Hui-iconfont">&#xe600;</i> 添加广告-->
			<!--</a>-->
		</span> 
		<span class="r">共有数据：<strong></strong> {$tiao}条</span>
	</div>
	<br/>
	<table class="table table-border table-bordered table-bg">
		<thead>
			<tr>
				<th scope="col" colspan="11">广告列表</th>
			</tr>
			<tr class="text-c">
				<th width="25"><input type="checkbox" name="" value=""></th>
				<th width="40">ID</th>
				<th>访问者姓名</th>
				<th>访问者email</th>
				<th>访问者的联系电话</th>
				<th>访问者所在公司</th>
				<th>访问需求</th>
                <th>访问者的描述</th>
                <th>留言时间</th>
				<th >是否已反馈</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody>
        {if $message}
        {foreach $message as $value}
			<tr class="text-c">
				<td><input type="checkbox" value="{$value['id']}" name="userid"></td>
				<td>{$value['id']}</td>
				<td>
                    {if $value['name']}
                    {$value['name']}
                    {/if}
                </td>
				<td>
                    {if $value['email']}
                    {$value['email']}
                    {/if}
                </td>
				<td>
                    {if $value['phone']}
                    {$value['phone']}
                    {/if}
                </td>
				<td>
                    {if $value['company']}
                    {$value['company']}
                    {/if}
                </td>
                <td>
                    {if $value['demand']}
                    {$value['demand']}
                    {/if}
                </td>
				<td>
                    {if $value['content']}
                    {$value['content']}
                    {/if}
                </td>
                <td>
                    {if $value['create_time']}
                    {$value['create_time']|date='Y-m-d',###}
                    {/if}
                </td>
                <td class="td-status">
                    {if $value['state']&&$value['state']==1}
                    <span class="label label-success radius">已反馈</span>
                    {else}
                    <span class="label label-default radius">未反馈</span>
                    {/if}
                </td>
                {if $value['state']&&$value['state']==1}
                <td class="td-manage"><a style="text-decoration:none" href="javascript:;" title="已反馈"><i class="Hui-iconfont">&#xe631;</i></a><a title="删除" href="javascript:;" onclick="message_del(this,'{$value['id']}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                {else}
                <td class="td-manage"><a style="text-decoration:none" onclick="fankui(this,'{$value['id']}')" href="javascript:;" title="反馈" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a> <a title="删除" href="javascript:;" onclick="message_del(this,'{$value['id']}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                {/if}
			</tr>
        {/foreach}
        {else}
        没有数据
        {/if}
		</tbody>
	</table>
    <div style="text-align: center">
        <div id="test1"></div>
    </div>

</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__ADMIN__/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="__ADMIN__/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__ADMIN__/static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="__ADMIN__/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__ADMIN__/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="__ADMIN__/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script src="__ADMIN__/js/maowenke.js"></script>
<script src="__ADMIN__/layui/layui.all.js"></script>
<script type="text/javascript">
    layui.use('laypage', function(){
        var laypage = layui.laypage;

        //执行一个laypage实例
        /**
         * 留言表的分页
         */
        laypage.render({
            elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: parseInt('{$tiao}') //数据总数，从服务端得到
            ,jump:function(obj,first){
                if(!first){
                    var $tiaojian = $("input[name=tiaojian]").val();
                    var $page     = obj.curr;
                    ajaxUpdate('{:url("message/message_paging")}',{tiaojian:$tiaojian,page:$page},'true','post', function (data) {
                        $("tbody").empty();
                        var $str ='';
                        $.each(data,function (i,v) {
                            $str ='<tr class="text-c">\n' +
                                '\t\t\t\t<td><input type="checkbox" value="'+v.id+'" name="userid"></td>\n' +
                                '\t\t\t\t<td>'+v.id+'</td>\n' +
                                '\t\t\t\t<td>'+tostr(v.name)+'</td>\n' +
                                '\t\t\t\t<td>'+tostr(v.email)+'</td>\n' +
                                '\t\t\t\t<td>'+tostr(v.phone)+'</td>\n' +
                                '\t\t\t\t<td>'+tostr(v.company)+'</td>\n' +
                                '<td>'+tostr(v.demand)+'</td>\n' +
                                '\t\t\t\t<td>'+tostr(v.content)+'</td>\n' +
                                '<td>'+timetostring(v.create_time,false)+'</td>\n';
                            if(v.state==1){
                               $str += '<td class="td-status"><span class="label label-success radius">已反馈</span></td>'+
                               '<td class="td-manage"><a style="text-decoration:none" href="javascript:;" title="已反馈"><i class="Hui-iconfont">&#xe631;</i></a><a title="删除" href="javascript:;" onclick="message_del(this,\''+v.id+'\')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td></tr>';
                            }else{
                                $str +='<td class="td-status"><span class="label label-default radius">未反馈</span></td>'+
                                '<td class="td-manage"><a style="text-decoration:none" onclick="fankui(this,\''+v.id+'\')" href="javascript:;" title="反馈" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a> <a title="删除" href="javascript:;" onclick="message_del(this,\''+v.id+'\')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td></tr>';
                            }
                            $("tbody").append($str);
                        })
                    })
                }
            }
        });
    });

/*留言-删除*/
function message_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
	    ajaxUpdate('{:url("message/message_del")}',{id:id},'true','post',function (data) {
            console.log(data);
            if(data==1){
                $(obj).parents("tr").remove();
                layer.msg('已删除!',{icon:1,time:1000});
                setTimeout(function(){window.location.reload();},1000)
            }else{
                layer.msg(data);
            }
        });

	});
}
/*留言-反馈*/
function fankui(obj,id){
	layer.confirm('确认反馈了吗？',function(index){
	    ajaxUpdate('{:url("message/fankui")}',{id:id},'true','post',function (data) {
            if(data==1){
                $(obj).parents("tr").find(".td-manage").prepend('<a href="javascript:;" title="已反馈" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已反馈</span>');
                $(obj).remove();
                layer.msg('已反馈!', {icon: 6,time:1000});
            }else{
                layer.msg(data);
            }
        });
		//此处请求后台程序，下方是成功后的前台处理……		

	});
}

/**
 * 批量删除
 */
function message_dels() {

    var input = $('input[name=userid]');
    var idArr = [];

    $.each(input,function (i,v) {
        if($(v).prop('checked')){
            idArr.push(v.value);
        }
    });
ajaxUpdate('{:url("message/message_del")}',{id:idArr},'true','post',function(data){
    console.log(data);
    if(data==1){
        for(var a=0;a<idArr.length;a++){
            $('input[value='+idArr[a]+']').parents('tr').remove();
        }
        layer.msg('删除成功');
        setTimeout(function(){window.location.reload();},1000);
    }else{
        layer.msg(data);
    }
})
}
</script>
</body>
</html>